<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api.css">
</head>

<body>
    <div class="top-nav">
        <a href="#" class="logo">
            <img src="./源码大数据/images/new-logo-white2.png" alt="">
        </a>
        <nav class="menu">
            <a href="#">首页</a>
            <a href="#" class="xian">API</a>
            <a href="#">云服务</a>
            <a href="#">案例</a>
            <a href="#">开发者</a>
        </nav>
        <div class="btns">
            <button class="login-btn">登录</button>
            <button class="register-btn">注册有礼</button>
        </div>
    </div>
    <div class="api-assort container cf">
        <p class="api-p">API分类</p>
        <div class="api-list ">
            <a class="api-a" href="#">全部</a><a class="api-a" href="#">生活服务</a><a class="api-a" href="#">金融科技</a>
            <a class="api-a" href="#">交通地理</a><a class="api-a" href="#">充值缴费</a>
            <a class="api-link" href="#">充值缴费</a>
        </div>
        <div class="api-verify">
            <span class="api-span">全部</span><input class="api-input" type="text" placeholder="身份证实名">
            <img class="api-img" src="./源码大数据/images/magnifier.png" alt="">
        </div>
    </div>
    <div class="menu container cf">
        <ul class="api-ul">
            <li class="api-li fl">
                <span class="on">企业专用</span>
                <div class="content">
                    <a href="#">
                        <img src="./源码大数据/images/API_01.jpg" alt="">
                        <p class="api-name">2021出行防疫政策指南</p>
                        <p class="api-green">免费</p>
                    </a>
                </div>
                <a class="apply-data" href="#">申请数据</a>
            </li>
            <li class="api-li fl">
                <span class="on-on">企业专用</span>
                <div class="content">
                    <a class="api-aa" href="#">
                        <img src="./源码大数据/images/API_02.jpg" alt="">
                        <p class="api-name">身份证实名认证</p>
                        <p class="api-red">¥ 0.2000/次</p>
                    </a>
                </div>
                <a class="apply-data" href="#">申请数据</a>
            </li>
        </ul>
    </div>
    <div class="mask">
        <div class="box">
            <div class="logo-box">
                <img src="./源码大数据/images/loginlogo.png" alt="">
            </div>
            <div class="record">
                <div class="login-btns">
                    <a href="#" class="active">账号登录</a>
                    <span>|</span>
                    <a href="#">扫码登录</a>
                </div>
               
            </div>
            <div class="login-box login-active">
                <div class="login-div">
                    <p><input class="login-img" type="text" placeholder="用户名/手机号/邮箱"></p>
                </div>
                <div class="login-box1">
                    <p> <input class="login-img1" type="password" placeholder="密码"></p>
                </div>
                <p class="miss-password"><a href="#">忘记密码</a></p>
                <button class="logo-btn">登录</button>
                <div class="tips">
                    还没有源码账号， <a href="#">立即注册</a>
                    <span></span>
                </div>
            </div>
            <div class="login-box login-scan">
                <div class="wechat-login">
                    <img src="./源码大数据/images/showqrcode.jpg" alt="">
                    <p>微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <div class="tips1">
                    还没有源码账号， <a href="#">立即注册</a>
                    <span></span>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="footer">
        <div class="cf footer-div container">
            <dl class="footer-dl fl">
                <dt class="footer-dt"><a href="#">联系与支持</a> </dt>
                <dd class="footer-dd"><a href="#">400-882-7715</a></dd>
                <dd class="footer-dd"><a href="#">售前咨询</a></dd>
                <dd class="footer-dd"><a href="#">客服&售后</a></dd>
                <dd class="footer-dd"><a href="#">常见问题</a> </dd>
                <dd class="footer-dd"><a href="#">极速工单</a></dd>
                <dd class="footer-dd"><a href="#">投诉与建议</a></dd>
            </dl>
            <dl class="footer-dl fl">
                <dt class="footer-dt"><a href="#">关于源码</a> </dt>
                <dd class="footer-dd"><a href="#">400-882-7715</a></dd>
                <dd class="footer-dd"><a href="#">售前咨询</a></dd>
                <dd class="footer-dd"><a href="#">客服&售后</a></dd>
                <dd class="footer-dd"><a href="#">常见问题</a> </dd>
                <dd class="footer-dd"><a href="#">极速工单</a></dd>
                <dd class="footer-dd"><a href="#">投诉与建议</a></dd>
            </dl>
            <dl class="footer-dl fl">
                <dt class="footer-dt"><a href="#">快速入口</a> </dt>
                <dd class="footer-dd"><a href="#">400-882-7715</a></dd>
                <dd class="footer-dd"><a href="#">售前咨询</a></dd>
                <dd class="footer-dd"><a href="#">客服&售后</a></dd>
                <dd class="footer-dd"><a href="#">常见问题</a> </dd>
                <dd class="footer-dd"><a href="#">极速工单</a></dd>
                <dd class="footer-dd"><a href="#">投诉与建议</a></dd>
            </dl>
            <dl class="footer-dl fl">
                <dt class="footer-dt"><a href="#">产品服务</a> </dt>
                <dd class="footer-dd"><a href="#">400-882-7715</a></dd>
                <dd class="footer-dd"><a href="#">售前咨询</a></dd>
                <dd class="footer-dd"><a href="#">客服&售后</a></dd>
                <dd class="footer-dd"><a href="#">常见问题</a> </dd>
                <dd class="footer-dd"><a href="#">极速工单</a></dd>
                <dd class="footer-dd"><a href="#">投诉与建议</a></dd>
            </dl>
            <dl class="footer-dl fl">
                <dt class="footer-dt"><a href="#">解决方案</a> </dt>
                <dd class="footer-dd"><a href="#">400-882-7715</a></dd>
                <dd class="footer-dd"><a href="#">售前咨询</a></dd>
                <dd class="footer-dd"><a href="#">客服&售后</a></dd>
                <dd class="footer-dd"><a href="#">常见问题</a> </dd>
                <dd class="footer-dd"><a href="#">极速工单</a></dd>
                <dd class="footer-dd"><a href="#">投诉与建议</a></dd>
            </dl>
            <div class="footer-ma yl">
                <p class="wechat-p">微信公众号</p>
                <p class="wechat-y">源码时代</p>
                <img src="./源码大数据/images/wechat-white.png" alt="">
            </div>
        </div>
        <p class="source container"><a class="source-a ma10" href="#"><img src="./源码大数据/images/bei1.png" alt=""></a>
            <a class="source-a ma10" href="#"><img src="./源码大数据/images/bei2.png" alt=""></a>
            <span class="source-span ma10">增值电信业务经营许可证：蜀B2-20180596</span><a class="source-a ma10"
                href="#">蜀ICP备15006450号-3</a>
            <a class="source-a ma10" href="#">营业执照源码大数据股份有限公司©版权所有</a>
            <span class="yuanma yl ">源码大数据股份有限公司©版权所有</span>
        </p>
    </div>
    <script src="./js/api.js"></script>
</body>

</html>